<!DOCTYPE html>
<html>
<head>
    <title>Tatoeba maintenance</title>
    <meta charset="utf-8"> 
    <link href="https://raw.githubusercontent.com/Tatoeba/tatoeba2/dev/webroot/favicon.ico" type="image/x-icon" rel="shortcut icon">
    
    <style type="text/css">
    body {
        background: #E5E3DA;
        font-family: sans-serif;
    }
    a {
        color: #4caf50;
    }
    a:hover {
        color: #DD8800;
    }
    #content {
        max-width: 800px;
        width: 100%;
        margin: auto;
        position: relative;
    }
    #logo {
        position: relative;
        width: 100px;
        height: 100px;
        background: #E5E3DA;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    #logo img {
        margin-top: 14px;
        margin-left: 14px;
    }
    #info {
        font-size: 24px;
        background: #fff;
        padding: 25px 40px 10px 50px;
        margin-top: -50px;
        margin-left: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }
    #info div {
        margin: 20px 0px;
        padding-bottom: 10px;
    }
    #links {
        text-align: right;
        top: 0px;
        width: 99%;
        position: absolute;
    }
    #links a {
        display: inline-block;
        padding-left: 35px;
        line-height: 32px;
        margin: 10px 30px;
        font-size: 24px;
        text-decoration: none;
    }
    .statusLink {
        color: red;
        font-weight: bold;
    }
    .blogLink {
        background: url('https://cdn3.iconfinder.com/data/icons/picons-social/57/65-blogger-32.png') no-repeat;
    }
    .twitterLink {
        background: url('https://cdn3.iconfinder.com/data/icons/picons-social/57/43-twitter-32.png') no-repeat;
    }
    </style>
</head>
<body>

    <div id="content">
        <div  id="logo">
            <img width="72" height="72" alt="Tatoeba" 
                 src="https://raw.githubusercontent.com/Tatoeba/tatoeba2/dev/webroot/img/tatoeba.svg?sanitize=true" />
        </div>

        <div id="links">
            <a class="statusLink" href="https://status.tatoeba.org">Status Report</a>
            <a class="blogLink" href="http://blog.tatoeba.org">Blog</a>
            <a class="twitterLink" href="https://twitter.com/tatoeba_org">Twitter</a>
        </div>
        
        <div id="info">
            <div class="eng">
                <strong>Tatoeba is currently unavailable.</strong> We are sorry for the inconvenience. You can check our blog or Twitter for more information.
            </div>
            
            <div class="epo">
                <strong>Tatoeba aktuale maldisponeblas.</strong> Ni bedaŭras la ĝenon. Vi povas viziti nian blogon aŭ Twitter por pliaj informoj.
            </div>
            
             <div class="hin">
                <strong>तातोएबा इस वक़्त अनुपलब्ध है।</strong> असुविधा के लिए हमें खेद है। अधिक जानकारी के लिये आप हमारा ब्लॉग या ट्विटर देख सकते हैं।
            </div>
            
             <div class="spa">
                <strong>Tatoeba está temporalmente fuera de servicio.</strong> Lamentamos los inconvenientes. Para mayor información, consulte nuestro blog o Twitter.
            </div>
            
             <div class="por">
                <strong>Tatoeba não está disponível no momento.</strong> Lamentamos o inconveniente. Você pode visitar o nosso blog ou Twitter para obter mais informações.
            </div>
            
             <div class="rus">
                <strong>Tatoeba в данный момент недоступна.</strong> Приносим извинения за неудобства. Больше информации можно узнать в нашем блоге или в Твиттере.
            </div>
            
             <div class="jpn">
                <strong>Tatoebaは現在ご利用いただけません。</strong>ご迷惑をおかけいたします。詳細につきましてはブログ及びTwitterをご覧ください。
            </div>
            
             <div class="deu">
                <strong>Tatoeba ist gegenwärtig nicht verfügbar.</strong> Wir bitten für diese Unannehmlichkeit um Entschuldigung! Genaueres erfährst du in unserem Blog oder bei Twitter.
            </div>
            
             <div class="fra">
                <strong>Tatoeba est actuellement indisponible.</strong> Nous nous excusons pour la gêne occasionée. Vous pouvez aller voir sur notre blog ou Twitter pour plus d'informations.
            </div>
            
             <div class="mar">
                <strong>तातोएबा यावेळी अनुपलब्ध आहे.</strong> आम्ही गैरसोयीबद्दल दिलगीर आहोत. अधिक माहितीसाठी आमचा ब्लॉग किंवा ट्विटर पान पाहू शकता.
            </div>
            
             <div class="ita">
                <strong>Tatoeba non è attualmente disponibile.</strong> Ci scusiamo per l'inconveniente. È possibile controllare il nostro blog o Twitter per ulteriori informazioni.
            </div>
            
             <div class="tur">
                <strong>Tatoeba şu anda kullanılamıyor.</strong> Bu sorundan dolayı özür dileriz. Daha fazla bilgi için blogumuza ve Twitterımıza bakabilirsiniz.
            </div>
            
             <div class="nld">
                <strong>Tatoeba is op het ogenblik niet bereikbaar.</strong> Het spijt ons voor het ongemak. Je kunt onze blog of Twitter raadplegen voor meer informatie.
            </div>
            
                         <div class="ell">
                <strong>Το Tatoeba δεν είναι άμεσα διαθέσιμο.</strong> Μας συγχωρείτε για την ταλαιπωρία. Μπορείτε να ελέγξετε το μπλογκ μας ή το λογαριασμό μας στο Twitter για να πάρετε περισσότερες πληροφορίες.
            </div>
            
             <div class="bel">
                <strong>Tatoeba зараз недаступная.</strong> Прабачайце за незручнасці. Вы можаце атрымаць болей інфармацыі ў нашым блозе ці ў Твітары.
            </div>
            
             <div class="fin">
                <strong>Tatoeba ei ole tällä hetkellä käytettävissä.</strong> Pahoittelemme tästä aiheutuvaa haittaa. Voit katsoa lisätietoja blogistamme tai Twitteristä.
            </div>
            
             <div class="dan">
                <strong>Tatoeba er ikke tilgængelig i øjeblikket.</strong> Vi beklager ulejligheden. Du kan tjekke vores blog eller Twitter for at få flere oplysninger.
            </div>
            
             <div class="ina">
                <strong>Actualmente Tatoeba non es disponibile.</strong> Nos regretta le inconvenientes. Vos pote visitar nostre blog o Twitter pro obtener plus informationes.
            </div>
        </div>
    </div>
    
</body>
</html>
